import { Badge, Button, Descriptions } from 'antd';
import { useNavigate, useLocation } from 'react-router-dom';
import "../MemberList/User.css"
const User = () => {
    const navigate = useNavigate()
    const fanhui = () => {
        navigate(-1)
    }
    let location = useLocation();
    return (
        <div class="boxUser">
            <div class="fanhui">
                <Button onClick={fanhui}>返回</Button>
            </div>
            <div class="title">
                <div class="titletpb">


                    < img style={{ width: "50%", height: "50%" }} src={'/api' + location.state.m_src} alt="" />
                    <div >{location.state.m_phone}</div>
                    <div>{location.state.m_dengji}</div>
                </div>


                <div class="titlebody">
                    <Descriptions bordered>
                        <Descriptions.Item label="用户id" style={{ width: '210px' }} >{location.state.m_id}</Descriptions.Item>

                        <Descriptions.Item label="昵称">{location.state.m_name}</Descriptions.Item>

                        <Descriptions.Item label="手机号">{location.state.m_phone}</Descriptions.Item>
                        <Descriptions.Item label="会员卡">{location.state.m_carname}</Descriptions.Item>
                        <Descriptions.Item label="会员等级">{location.state.m_dengji}</Descriptions.Item>
                        <Descriptions.Item label="会员老师">{location.state.m_teacher}</Descriptions.Item>
                        <Descriptions.Item label="会员状态">{location.state.m_status}</Descriptions.Item>

                        <Descriptions.Item label="性别">{location.state.m_sex}</Descriptions.Item>


                    </Descriptions>
                </div>
            </div>
        </div>
    )
}
export default User